
function createBoard() {
	var row;
	var column;
	for (var i = 0; i < boardSize; i++) {
		row = document.createElement('tr');
		$(row).appendTo($("#board"));

		for (var j = 0; j < boardSize; j++) {
			column = document.createElement('td');
			$(column)
			.attr("id", j + "-" + i)
			.html("&nbsp;")
			.addClass("boardColumn cell")
			.appendTo(row)
			.click(function(x, y) {
				return function() { 
					doTurn(x, y); 
				};
			}(j, i));
		}
	}
}

function clearBoard() {
	for (var i = 0; i < boardSize; i++) {
		for (var j = 0; j < boardSize; j++) {
			$("#" + j + "-" + i).html('&nbsp;');
		}
	}
}

function refreshBoard(data) {
	for (var i = 0; i < boardSize; i++) {
		for (var j = 0; j < boardSize; j++) {
			var position = j + i * boardSize;
			if (data[position] == 'CROSS') {
				$("#" + j + "-" + i).html('x');
			} else if (data[position] == 'ZERO') {
				$("#" + j + "-" + i).html('o');
			}

		}
	}
}

function updateMessage(message) {
	$("#message").html(message);
}
